<%@ page language="java" contentType="text/html; charset=UTF-8"
	import="com.zhida84.Convert.StrConvert" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta content="telephone=no" name="format-detection">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="author" content="shangzhengbo&sunchangxing" />
<meta
	content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1"
	id="viewport" name="viewport">
<meta charset="utf-8">
<title>美食推荐</title>
<script type="text/javascript">
	/**
	function onBridgeReady() {
		WeixinJSBridge.call('hideOptionMenu');
	}
	if (typeof WeixinJSBridge == "undefined") {
		if (document.addEventListener) {
			document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
					false);
		} else if (document.attachEvent) {
			document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
			document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
		}
	} else {
		onBridgeReady();
	}
	// 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器
	var useragent = navigator.userAgent;
	if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
		// 这里警告框会阻塞当前页面继续加载
		var opened = window.open('about:blank', '_self');
		opened.opener = null;
		opened.close();
		window.location.href = "error/wechat.html"
	}*/
</script>
<link rel="stylesheet" type="text/css" href="css/login.css">
<link rel="stylesheet" type="text/css" href="css/registarr.css">
<style>
.checkboxFive {
	width: 14px;
	position: relative;
	float: left;
}

.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 14px; /*宽高label*/
	height: 14px;
	top: 0;
	left: 0;
	background: #eee;
	border: 1px solid #ddd;
}

.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 1px;
	left: 1px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkboxFive label:hover::after {
	opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.xytxt {
	margin-left: 21px;
	width: 240px;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-family: "微软雅黑";
}

.xytxt a {
	text-decoration: none;
}

.xycontainer {
	width: 100%;
	height: 14px;
	margin-top: 20px;
}
</style>
<script src="js/jquery.min.js"></script>
</head>
<body>
	<jsp:include page="Share/top_back.jsp"></jsp:include>
	<script type="text/javascript">
		$("#alltitle").html("注册");
		function backhistory() {
			window.history.go(-1);
		}
	</script>
	<form id="form1" name="form1" method="post" action="registServlet.html">
		<ul class="loginBox">
			<li><input type="tel" placeholder="请输入用户名" id="userPhone"
				name="userPhone" onFocus="valfocusMobile()" onBlur="valMobileblur()"
				class="txtinput txtindent" /></li>
			<li><input type="password" placeholder="请输入密码" name="userPwd"
				id="userPwd" onFocus="valfocus()" onblur="valblur()"
				class="txtinput txtindent" /></li>
			<li><input type="button" id="btnregist" onClick="check()"
				value="注册" class="txtinput btnregist" /></li>
			<li>
				<div class="xycontainer">
					<div class="checkboxFive">
						<input type="checkbox" onClick="zc()" value="1"
							id="checkboxFiveInput" checked="checked" name="chk" /> <label
							for="checkboxFiveInput"></label>
					</div>
					<div class="xytxt">
						我已阅读并同意<a href="Other/xy.html">&lt;&lt;美食推荐使用协议&gt;&gt;</a>
					</div>
				</div>
			</li>
		</ul>
	</form>
	<script type="text/javascript" src="js/xy.js"></script>
	<script src="js/60s.js"></script>
</body>
</html>